//nav-tabs 鼠标事件
var first_in = 0;
var hide_timer = null;
var hide_timer1 = null;
$("#zb-nav-tabs li").not(".zb-nav-tabs-img").on("mouseenter", function () {
    if (hide_timer) {
        clearTimeout(hide_timer)
    }
    if (hide_timer1) {
        clearTimeout(hide_timer1)
    }
    $(".tab-content li.tab-pane").hide();
    if (first_in === 0) {
        $($(this).find("a").attr("href")).slideDown();
        first_in = 3;
    } else {
        $($(this).find("a").attr("href")).show();
    }
})
$("#zb-nav-tabs li").not(".zb-nav-tabs-img").on("mouseleave", function () {
    first_in = 3;
    var $t = $(this);
    hide_timer = setTimeout(function () {
        if (first_in === 0) {
            $($t.find("a").attr("href")).slideUp();
        } else {
            $($t.find("a").attr("href")).hide();
        }

    }, 200)
})
$(".tab-content").on("mouseenter", function () {
    clearTimeout(hide_timer);
    first_in = 2;
})
$(".tab-content").on("mouseleave", function () {
    hide_timer1 = setTimeout(function () {
        $(".tab-content li.tab-pane").slideUp();
    }, 200)
    first_in = 0;
})
$("#zb-nav-tabs").on("mouseenter", function () {
    if (!first_in !== 2) {
        first_in = 0;
    }
})
$("#zb-nav-tabs").on("mouseleave", function () {
    if (first_in !== 2) {
        first_in = 0;
    }
})

//购物车鼠标事件
var gwc_timer;
$("#gwc").hover(function () {
    $(this).parent("li").addClass("open");
}, function () {
    var This = $(this);
    gwc_timer = setTimeout(function () {
        This.parent("li").removeClass("open");
    }, 100);
});
$("#gwc-dropdown-menu").hover(function () {
    clearTimeout(gwc_timer);
}, function () {
    var This = $(this);
    gwc_timer = setTimeout(function () {
        This.parent("li").removeClass("open");
    }, 100)
})

//搜索框联动
$("#search form input").focus(function () {
    $("#search-btn").addClass("input_focus")
})
$("#search form input").blur(function () {
    $("#search-btn").removeClass("input_focus")
})
//轮播图上方的导航菜单悬浮事件
var pills_timer = null;

$(".zb-nav-pills-menu").on("mouseenter", "li a", function () {
    if (pills_timer) {
        clearTimeout(pills_timer);
    }
    $(".zb-pills").find(".zb-nav-pills-content").find("li.tab-pane").hide();
    $($(this).attr("href")).show();
}).on("mouseleave", "li a", function () {
    var $t = $(this);
    pills_timer = setTimeout(function () {
        $($t.attr("href")).hide();
    }, 200)
})
$(".zb-nav-pills-content li.tab-pane").on("mouseenter", function () {
    clearTimeout(pills_timer);
}).on("mouseleave", function () {
    var $t = $(this);
    pills_timer = setTimeout(function () {
        $t.hide();
    }, 200)
})

//小米明星单品 导航按钮
var zb_mxdp_tem = false;
$("#zb-mxdp .zb-mxdp-right").on("click", function () {
    if (zb_mxdp_tem) {
        return;
    }
    zb_mxdp_tem = true;
    $("#zb-mxdp .zb-mxdp-banner").animate({
        left: "-100%"
    }, 500);
    $(this).css("color", "#e0e0e0");
    $("#zb-mxdp .zb-mxdp-left").css("color", "#000");
})
$("#zb-mxdp .zb-mxdp-left").on("click", function () {
    if (!zb_mxdp_tem) {
        return;
    }
    zb_mxdp_tem = false;
    $("#zb-mxdp .zb-mxdp-banner").animate({
        left: "0"
    }, 500)
    $(this).css("color", "#e0e0e0");
    $("#zb-mxdp .zb-mxdp-right").css("color", "#000");
})
$("#zb-mxdp .zb-mxdp-right").hover(function () {
    if (!zb_mxdp_tem) {
        $(this).css("color", "#ff6700")
    }
}, function () {
    if (!zb_mxdp_tem) {
        $(this).css("color", "#000");
    }
})
$("#zb-mxdp.zb-mxdp-left").hover(function () {
    if (zb_mxdp_tem) {
        $(this).css("color", "#ff6700")
    }

}, function () {
    if (zb_mxdp_tem) {
        $(this).css("color", "#000");
    }
})
//家电 鼠标事件
$(".zb-jd .zb-jd-right-elm").mouseenter(function () {
    $(this).find(".zb-jd-hidden").stop().animate({
        bottom: "0",
        opacity: "1"
    }, 250)
}).mouseleave(function () {
    $(this).find(".zb-jd-hidden").animate({
        bottom: "-90px",
        opacity: "0"
    }, 250)
});
$(".zb-jd .zb-comm-menu a").mouseenter(function () {
    if ($($(this).attr("href")).is(":hidden")) {
        $(this).parents(".zb-jd ").find(".zb-jd-right").hide();
        $($(this).attr("href")).show();
        $(this).siblings().css({
            color: "#000",
            "border-bottom": "none"
        })
        $(this).css({
            color: "#ff6700",
            "border-bottom": "2px solid #ff6700"
        })
    }
})
//为你推荐
var zb_wntj_tem = 0;
$("#zb-wntj .zb-mxdp-right").on("click", function () {
    if (zb_wntj_tem >= 2) {
        return;
    }
    zb_wntj_tem++;
    $("#zb-wntj .zb-mxdp-banner").animate({
        left: "-=100%"
    }, 500)
    if (zb_wntj_tem == 2) {
        $(this).css("color", "#e0e0e0");
    }
    $(this).next().css("color", "#000");
})
$("#zb-wntj .zb-mxdp-left").on("click", function () {
    if (zb_wntj_tem <= 0) {
        return;
    }
    zb_mxdp_tem = zb_wntj_tem--;
    $("#zb-wntj .zb-mxdp-banner").animate({
        left: "+=100%"
    }, 500);
    if (zb_wntj_tem <= 0) {
        $(this).css("color", "#e0e0e0");
    }
    $(this).prev().css("color", "#000");
})

//内容 鼠标事件
var zb_nr_arr = [[0, 3], [0, 4], [0, 4], [0, 4]];
$("#zb-nr .zb-nr-menu li").on("click", function () {
    $(this).siblings().find("span").css({
        "background-color": "#b0b0b0",
        width: 6,
        height: 6,
        border: "none"
    })
    $(this).find("span").css({
        "background-color": "#fff",
        border: "2px solid #ff6700",
    })


    var zb_nr_arr_index = $(this).parents(".col-lg-3").index();
    var index = $(this).index();
    var $zb_nr_content = $(this).parents(".zb-nr-menu").siblings(".zb-nr-content");
    var li_w = $zb_nr_content.find("li").eq(0).width();
    $zb_nr_content.animate({left: -index * li_w}, 200);
    zb_nr_arr[zb_nr_arr_index][0] = index;
})

$("#zb-nr .zb-nr-pn a").on("click", function () {
    var zb_nr_arr_index = $(this).parents(".col-lg-3").index();
    var li_index = zb_nr_arr[zb_nr_arr_index][0];
    var $zb_nr_content = $(this).parents(".zb-nr-pn").siblings(".zb-nr-content");
    var li_w = $zb_nr_content.find("li").eq(0).width();
    if ($(this).hasClass("zb-nr-left")) {
        if (li_index > zb_nr_arr[zb_nr_arr_index][1] - 1) {
            return false;
        } else if (li_index <= 0) {
            return false;
        } else {
            $zb_nr_content.stop().animate({left: "+=" + li_w}, 200);
        }
        zb_nr_arr[zb_nr_arr_index][0]--;
    } else {
        if (li_index >= zb_nr_arr[zb_nr_arr_index][1] - 1) {
            return false;
        } else if (li_index < 0) {
            return false;
        } else {
            $zb_nr_content.stop().animate({left: "-=" + li_w}, 200);
        }
        zb_nr_arr[zb_nr_arr_index][0]++;
    }
    $(this).parents(".zb-nr-pn").prev().find("li").eq(zb_nr_arr[zb_nr_arr_index][0]).click();
})

//内容  轮播图定时器开关
var zb_nr_interval_tem = true;
$(function () {
    var $zb_nr = $("#zb-nr").offset().top;
    $(document).scroll(function () {
        var top = $(this).scrollTop();
        if ($zb_nr - top <= 10 && $zb_nr - top >= -500 && zb_nr_interval_tem) {
            zb_nr_interval();
        }
    })

})

function zb_nr_interval() {
    zb_nr_interval_tem = false;
    var zb_nr_index = 0;
    var max_len = -Infinity;
    var $zb_nr_menu = $("#zb-nr .zb-nr-menu");
    var zb_nr_menu_le = $zb_nr_menu.length;
    var zb_nr_interval = setInterval(function () {
        for (var i = 0; i < zb_nr_menu_le; i++) {
            var $li = $zb_nr_menu.eq(i).find("li")
            max_len = $li.length > max_len ? $li.length : max_len;
            if ($li.eq(zb_nr_index)) {
                $li.eq(zb_nr_index).trigger("click");
            }
        }
        if (max_len <= zb_nr_index) {
            clearInterval(zb_nr_interval);
            zb_nr_interval_tem = true;
        }
        zb_nr_index++;
    }, 2000);
}